<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
    font-family: 'Raleway', 'sans-serif';
    font-size: 100%;
    background-color: #FFF;
}
p {
    margin: 0;
}
* {
    margin: 0;
    padding: 0;
}
body {
    background: #fff;
    background-size: cover;
    font: 12px/22px "Microsoft YaHei", "SimSun";
    font-size: 100%;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr, dl, dd, select, option {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li, img, input, em, select {
    list-style: none;
    font-style: normal;
    outline: none;
    border: none;
}
a {
    text-decoration: none !important;
    cursor: pointer !important;
    color: #ffffff;
}
select::-ms-expand {
    display: none;
}
.img_none {
    display: none;
}
.img-position-absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    padding: auto;
}
a:hover {
    text-decoration: none;
    color: #ffffff;
}

.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
/*鍏叡閮ㄥ垎鏍峰紡娓呴櫎*/

.blue { background: #0756b3; /*钃濊壊鑳屾櫙*/ }
.c-blue{ color: #0756b3;!important; /*钃濊壊瀛椾綋*/ }
/*welcome鏍峰紡寮€濮�*/
.wel { height: 30px; line-height: 30px; color: white; font-size: 12px;  }
/*澶撮儴瀵艰埅鏍峰紡寮€濮�*/
.header2 { width: 100%; height: 165px; background: #fff; }
.header2 .topbar { height: 110px; background: url("../images/topbar_bg.png") top center no-repeat; background-size: 100% 100%; overflow: hidden; }
.header2 .topbar .tel { height: 110px; }
.header2 .logo { height: 110px; }
.header2 .logo img { height: 75px; margin-top: 18px; }
.header2 .tel img { height: 80px; margin-top: 18px; }
.header2 .navbox { position: relative; height: 55px; border-top: 1px solid #bababa; }
.header2 nav { margin: 0 auto; }
.header2 nav&gt;ul { width: 100%; }
.header2 nav&gt;ul&gt;li { position: relative; height: 55px; width: 13.5%; border-left: 1px solid #bababa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header2 nav&gt;ul&gt;li:last-child{ border-right:1px solid #bababa; }
.header2 nav&gt;ul&gt;li&gt;a { padding: 5px 0; display: block; color: #333; font-size: 16px; transition: 0.5s all; }
.header2 nav&gt;ul li a span{ display: block; font-size: 14px; }
.header2 nav&gt;ul&gt;li:hover&gt;a { border-top: 3px solid #0756b3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header2 nav&gt;ul li:hover ul { display: block; }
.header2 nav&gt;ul li ul { display: none; position: absolute; left: 0; top: 55px; width: 100%; background: rgba(255,255,255,.82); z-index: 999; }
.header2 nav&gt;ul li ul li { width: 100%; border: none; line-height: 39px; }
.header2 nav li ul li a { font-size: 14px; color: #333; background: none; }
.header2 nav li ul li:hover { background: #0756b3; border: none; }
.header2 nav li ul li:hover a{ color: #ffffff; }
.top-ph{ z-index: 66}
/*banner寮€濮�*/
.carousel-inner&gt;.item img{ width: 100%; }
.carousel-indicators{ z-index: 0; }

/*浜у搧灞曠ず*/
.search{ height: 60px; line-height: 60px;}

.search .s-left p{ font-size: 14px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.search .s-left p a{ color: #333;margin-left: 2%;}
.search .s-left p a:hover{
    color: #0756b3;}

.search .s-right input{ border: 2px solid #0756b3;display: block;float: left;height: 40px;margin-top: 10px;padding: 0 5px;width: 80%;line-height: 40px;}
.search .s-right input[type=button]{background: #0756b3 url("../images/icon_search.png")center center no-repeat;width: 20%;}
.pro-nav{ border-radius: 10px; border: 1px solid #bababa;padding: 0;overflow: hidden;}
.pro-nav h4{line-height: 65px;background: #0756b3;color: #ffffff;font-weight: bold; text-align: center;font-size: 25px;}
.pro-nav ul&gt;li{ width: 95%;margin: 0 auto;border-bottom: 1px dashed #bababa;}
.pro-nav ul&gt;li&gt;a{ display: block;line-height:45px;color: #333;text-align: center;}
.pro-nav ul&gt;li.active a{ color:#0756b3;}
.pro-nav ul&gt;li:hover a{ color: #0756b3;}
.img-cover{
    padding-top: 76.86%;
}
.pro-item .pro-title{border-bottom: 1px solid #bababa;line-height: 45px;margin-top: 5px;}
.pro-item .pro-title h4{ float: left;border-bottom: 2px solid #0756b3;line-height: 45px;font-size: 16px;color: #0756b3;}
.pro-item .pro-title a{ float: right;display:block; color: #7d7d7d; }
.pro-list{display: none;}
.pro-list.block{display: block;}
.pro-list li .pro-img{ border: 1px solid #bababa;margin-top: 30px;overflow: hidden; position: relative}
.pro-list li .pro-img img{ max-width:100%;/*border: 1px solid #bababa;*/margin: 1% auto;display: block;transition: all .3s linear;height:auto;}
.pro-list li h3{ border: 1px solid #bababa;height: 43px; line-height: 43px;font-size: 16px; color: #7d7d7d;margin-top: 3px;text-align: center;overflow:hidden}
.pro-list li:hover h3{border-top: 2px solid #0756b3; color: #0756b3;box-sizing: border-box;}
.pro-list li:hover .pro-img img{ transform: scale(1.1);transition: all .3s linear;}

/*鍏充簬鎴戜滑*/
.about-us{ background: url("../images/aboutus_bg.png")top center no-repeat;width: 100%;margin-top: 20px; min-height: 560px;background-size: 100% 100%;}
.about-title{ color: #ffffff;position: relative;line-height: 45px;padding: 3.5% 0;}
.about-title h4{ font-size: 30px;text-align: center;}
.about-title p{ font-size: 16px;text-align: center;}
.about-title img{ position: absolute;right: 10px;top: 20%;}
.about-mes{padding: 4% 0;}
.about-mes p{ font-size: 16px;color: #ffffff; line-height: 35px;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;width:100%}
.about-img img{ width: 100%;}
.s-aboutus{ margin-top: 20px;}
.s-aboutus-title{ padding: 3% 0; color: #ffffff;background: #282828;}
.s-aboutus-title h4{ font-size: 30px;text-align: center;}
.s-aboutus-title p{ font-size: 16px;text-align: center;}
.s-aboutus-mes{color: #ffffff;background: #0756b3;}
.s-aboutus-mes p{padding: 3% 0 165px;width:80%;margin:0 auto;font-size: 16px; line-height: 30px;}
.s-sboutus-img{ height: 165px;background: #282828;position: relative;}
.s-sboutus-img img{ position: absolute; top:-70%;left: 50%;transform: translateX(-50%);}

/*杞﹂棿灞曠ず*/
.workshop{background: url("../images/workshop_bg.png")top center no-repeat;width: 100%;background-size: 100% 100%;margin-bottom:40px }
.wp-title{padding: 43px 0;}
.wp-title&gt;div:nth-child(1){border-right: 1px solid #c2c2c2;}
.wp-title .wp-title-left img{ width: 100%;}
.wp-title .wp-title-right img{ width: 85%;}
.hot-mes{
    position: relative;
}
.swiper-button-next2{
    position: absolute;
    top: 50%;
    right: -45px;
    width: 40px !important;
    height: 40px !important;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 40px 40px ;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px !important;
    background: url("../images/prev_05.png") center center no-repeat;

}
.swiper-button-prev2 {
    position: absolute;
    top: 50%;
    left: -45px;
    width: 40px !important;
    height: 40px !important;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 40px 40px ;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px !important;
    background: url("../images/next_03.png") center center no-repeat;
}
.pro&gt;li&gt;a{ position: relative;display: block;overflow: hidden;}
.pro&gt;li&gt;a&gt;p{position: absolute;bottom: 0;left: 0;text-align: center;line-height: 30px;background: rgba(0, 0, 0, 0.48);width: 100%;
}
.img-c{padding-top:55.68% }
/*鎴愬姛妗堜緥*/
.case-title{ background: #0756b3;color: white;padding: 20px 0; text-align: center;}
.common-title h3{ font-size: 50px; font-weight: bold;line-height: 70px;}
.common-title .small-title{ width: 22%; float: left; font-size: 25px; font-weight: bold;}
.common-title .line{ width: 39%;float: left; border: 1px solid #ffffff;margin-top: 12px;}
.case-show{ padding: 30px 0 0;background: url("../images/case_bg.png")top center no-repeat;}
.case-show ul{ margin-bottom: 30px;}
.case-show ul li{overflow: hidden; margin-bottom: 10px;padding:0 5px;}
.case-show ul li img{ width: 100%;transition: all .3s linear;height:158px}
.case-show ul li:last-child{margin-right: 0;}
.case-show ul li:hover img{ transform: scale(1.1);transition: all .3s linear;}
.img-top{
    padding-top: 66.96%;
}
.case-neiye{
    position: relative;
}
.navContent{
    display: none;
}
/*鏂伴椈璧勮*/
.news{ padding: 20px 0; text-align: center;}
.news .common-title .line{ border: 1px solid #d1d1d1;margin-top: 12px;}
.news-mes{margin-top: 20px;}
.news-list{height: 120px;border: 1px solid #bababa;margin-bottom: 23px;}
.news-list .news-date{ width: 25%; background: #282828;height: 100%; color: white;}
.news-list .news-date h3 { margin-top: 23px;font-size: 35px;}
.news-list .news-date h4 { font-size: 28px;}
.news-list .news-info{ width: 75%;height: 100%;transition: all .3s linear;position: relative;padding: 6px;text-align: left;color: #333;font-size: 16px;overflow:hidden;}
.news-list .news-info:hover:after{ content: ""; width: 10px; height: 10px; border-left: 5px solid #0756b3; border-bottom: 5px solid #0756b3; transform: rotate(225deg); -webkit-transform: rotate(225deg); position: absolute; right: -5px; top: 47%; transition: all .3s linear;
}
.news-list .news-info:hover{ background: #0756b3;color: white; transition: all .2s linear; }
.news-cc{position: relative}
.img-t{padding-top:88.15% }
/*鍞悗鏈嶅姟*/
.service{ background: url("../images/service_bg.png")top center no-repeat;}
.service .service-mes{ text-align: right;color: white;margin-top: 5%;}
.service .service-mes p{ font-size: 26px;}
.service .service-mes h3{ font-size: 40px;}
.service .service-img img{width: 100%; margin-top: 22%;}
.service .service-img2 img{ }

/*搴曢儴鐗堟潈*/
footer{ background: #282828;}
footer h3 { color: white; margin: 25px 0;line-height: 30px;}
.contactus,.fastnav{padding: 0;}
.contactus ul li{ font-size: 14px; line-height: 2;color: white;}
.fastnav ul{padding: 0;}
.fastnav ul li a{ font-size: 14px; line-height: 2;color: white;}
.foot-top{ border-bottom: 1px solid #000000;}
.foot-bottom{ border-top: 1px solid #4f4f4f; font-size: 14px;color: white;padding: 15px 0;}
.foot-bottom .copyright{text-align: right;}
.foot-bottom p a:hover{ color: #0756b3;}

/*瀛愰〉鏍峰紡闆嗗悎*/
.contact_us{ margin: 20px 0 40px;}
.contact_us div p{ width: 90%; font-size:14px; line-height: 2;margin: 0 auto;}
.content p{ line-height: 30px;font-size: 14px; margin-top: 15px; text-indent: 28px;}
.case li{ overflow: hidden;margin: 15px 0;}
.case li div{ border: 1px solid #bababa;overflow: hidden;}
.case li img{ width: 100%;transition: all .3s linear;}
.case li:hover img{ transform: scale(1.1);transition: all .3s linear;}
.news-box li{ margin: 20px 0;}
.news-box li a{ display: block;}
.news-box .news-left{ padding: 0;}
.news-box .news-right h4{ color: #0756b3; line-height: 30px;}
.news-box .news-right p{ font-size: 14px; line-height: 30px;}
.news-box li .news-right a{ border-bottom:1px solid #bababa; border-top:1px solid #bababa;color: #4f4f4f; font-size: 14px; padding: 5px 10px; margin-top: 25px; display: inline-block;}
.pro-info{ text-align: center;line-height:60px;margin-top:20px;
           font-size:14px;
}
    .pro-info img {
        max-width:100%;
        height:auto;
        
    }
/*濯掍綋鏌ヨ閮ㄥ垎*/
@media (min-width: 992px) {

}
@media (max-width: 1199px) {
    /*h-2*/
    .header2 nav { width: 100%; }
    .header2 nav li .xlbox ul { width: 100%; }
    .header2 .logo img { height: auto; margin-top: 18px; }
    .header2 .logo .slogin{display: none;}
    /*鏂伴椈璧勮*/
    .news-list{height: 95px;border: 1px solid #bababa;margin-bottom: 23px;}
    .news-list .news-date{ width: 25%; background: #282828;height: 100%; color: white;}
    .news-list .news-date h3 { margin-top: 15px;font-size: 30px;}
    .news-list .news-date h4 { font-size: 24px;}
    .news-list .news-info span{ font-size: 14px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

    /*鍞悗鏈嶅姟*/
    .service .service-mes p{ font-size: 22px; line-height: 40px;}
    .service .service-mes h3{ font-size: 32px; line-height: 50px;}

    .news-box .news-right p{ font-size: 14px; line-height: 22px;word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
    .news-box .news-right a{ margin-top: 20px;}
}

@media (max-width: 991px) {
    .main { padding: 20px 0; }

    /*h-2*/
    .header2 { margin-bottom: 0px; height: 95px; }
    .header2 .topbar {height: 95px;position: fixed;top:0 ;left:0;background: white;width: 100%;z-index: 9999;}
    .header2 .icon-menu { margin: 25px 15px 0 0; font-size: 26px; color: #4b4b4b; cursor: pointer; }
    .header2 .sjdnav { width: 150px; height: auto; position: fixed; right: 10px; top: 95px; z-index: 5; }
    .header2 .sjdnav ul { padding: 0; margin: 0; }
    .header2 .sjdnav li { height: 30px; display: block; padding: 0; background: rgba(0, 0, 0, .75); text-align: center; margin-bottom: 5px; }
    .header2 .sjdnav li a { display: block; color: #bababa; line-height: 30px; }
    .header2 .sjdnav li:hover a { background: none; text-decoration: none }
    .header2 .sjdnavhide { height: 0; overflow: hidden; }
    .header2 .logo { height: 50px; }
    .header2 .logo img { height: auto; margin-top: 10px; }

    /*浜у搧灞曠ず*/
    .search .s-left{ padding: 0;}
    .search .s-right{ padding: 0; }
    .pro-item{ padding: 0;}
    .pro-nav{ margin-top: 15px;}
    .pro-list li{padding: 0 5px;}
    /*鎴愬姛妗堜緥*/
    .common-title h3{ font-size: 40px; font-weight: bold;line-height: 50px;}
    .common-title .small-title{ font-size: 22px; font-weight: 100;}
    .common-title .line{ border: 1px solid #ffffff;margin-top: 9px;}
    .case-show ul li{ overflow: hidden;}
    .case-show ul li.col-xs-4 { width: 30%; }
    .case-show ul li:nth-child(3){ margin: 0; }

    /*鍞悗鏈嶅姟*/
    .service .service-mes p{ font-size: 18px; line-height: 30px;}
    .service .service-mes h3{ font-size: 24px; line-height: 30px;}
    /*footer*/
    .foot-bottom p{ text-align: center;}
    .foot-bottom .copyright{text-align: center;}
    .pro-nav h4 {
        line-height: 45px;
        background: #0756b3;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    /*body { padding-bottom: 50px; }*/
    .main { padding: 10px 0; }

    /*h-2*/
    .header2 { z-index: 99999; height: 65px; }
    .header2 .topbar { height: 65px; }
    .header2 .sjdnav { left: 0; top: 65px; width: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
    .header2 .sjdnav li { margin-bottom: 0; padding-left: 3%; height: 40px; background: rgba(0,0,0,.85); border-top: solid 1px rgba(255, 255, 255, 0.85); }
    .header2 .sjdnav li a { color: #fff; line-height: 40px; }
    .header2 .sjdnav li:hover a { color: #fff; background: none; text-decoration: none }
    .header2 .icon-menu { font-size: 20px; margin-top: 15px; }
    .header2 .logo img { width: 280px; margin-top: 8px; }

    /*浜у搧灞曠ず*/
    .search{height: 45px;line-height: 45px;}
    .search .s-right input{margin-top: 0;}
    /*杞﹂棿灞曠ず*/
    .wp-title{padding: 20px 0;}
    .wp-title&gt;div:nth-child(1){border-right: none;}
    .wp-title .wp-title-right{ margin: 10px 0;}
    .wp-title .wp-title-left img{ width: 100%;}
    .wp-title .wp-title-right img{ width: 100%;}

    /*鎴愬姛妗堜緥*/
    .common-title h3{ font-size: 30px; font-weight: bold;line-height: 40px;}
    .common-title .small-title{ font-size: 18px; }
    .common-title .line{ border: 1px solid #ffffff;margin-top: 9px;}

    .news-box .news-right{ padding: 0;}
    .search .s-left p a {
        color: #333;
        margin-left: 2%;
        font-size: 10px;
    }
}

@media (max-width: 414px) {
    .header2 .logo img { width: 240px; margin-top: 15px; }

    /*鍏充簬鎴戜滑*/
    .s-aboutus-mes p{padding: 3% 0 130px;width:80%;margin:0 auto;font-size: 16px; line-height: 30px;}
    .s-sboutus-img{ height: 130px;background: #282828;position: relative;}
    .s-sboutus-img img { width: 80%;}
    /*鎴愬姛妗堜緥*/
    .common-title h3{ font-size: 26px; font-weight: bold;line-height: 40px;}
    .common-title .small-title{ font-size: 14px; }
    .common-title .line{ border: 1px solid #ffffff;margin-top: 8px;}
    /*鏂伴椈璧勮*/
    .news-list .news-date h3 { margin-top: 23px;font-size: 24px;}
    .news-list .news-date h4 { font-size: 18px;}

    /*搴曢儴鐗堟潈*/
    .contactus ul li{ font-size: 12px; line-height: 2;color: white;}
    .fastnav ul{padding: 0;}
    .fastnav ul li a{ font-size: 12px; line-height: 2;color: white;}
}
@media (max-width: 340px) {
    /*h-2*/
    .header2 .logo img { width: 200px; margin-top: 15px; }
    /*鍏充簬鎴戜滑*/
    .s-aboutus-title h4{ font-size: 22px;text-align: center;}
    .s-aboutus-title p{ font-size: 12px;text-align: center;}
}



div.page {
    margin: 10px 200px;
    padding: 3px;
    text-align: center;
    float:left;

}

div.page a {
    background-position: 50% bottom;
    border-color: #dedfde;
    border-style: solid;
    border-width: 1px;
    color:black;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
}


div.page span.disabled {
    color: #adaaad;
    margin-right: 3px;
    padding: 2px 6px;
}

div.page span.current {
    color: #eb5914;
    font-weight: bold;
    margin-right: 3px;
    padding: 2px 6px;
}



/*娴姩QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel1 i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel1 p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:180px;
    line-height:18px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 170px;
    height:160px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}
.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}

</pre></body></html>